<section class="oe_container">
    <div class="oe_row oe_spaced">
        <h2 class="oe_slogan">One2many Mass Select/ Deselect Widget</h2>
        <h3 class="oe_slogan">Managing Multiple Selection/Deselection of One2many Fields</h3>
        <h4 class="oe_slogan"><a href="https://www.cybrosys.com">Cybrosys Technologies</a> </h4>
    </div>
    <div class="oe_row oe_spaced" style="padding-left:65px;">
        <h4>Widgets For:</h4>
        <div>
            <span style="color:green;"> &#9745; </span> Mass Selection.<br/>
            <span style="color:green;"> &#9745; </span> Mass Deletion.<br/>
        </div>
    </div>
</section>

<section class="oe_container oe_dark">
    <div class="oe_row oe_spaced">
        <div class="oe_picture">
            <h3 class="oe_slogan">Overview</h3>
            <p class="oe_mt32" style="text-align: justify;">
                If we want to Select/Deselect a few order lines from a lengthy Sale Order/Purchase Order (Case: 10+ Order lines),
We have two ways, individually delete orderline one by one from Purchase/Sale order or create a new order.
This module eliminates this issue by introducing a new widget "Mass Select/ Deselect Widget"; which can be used in
any One2Many fields to perform mass select/deselect.
    <b><i>widget="one2many_delete"</i></b>
            </p>
        </div>
    </div>
</section>

<section class="oe_container">
    <div class="oe_row oe_spaced">
        <div style="text-align: center">
            <p>
                <h4>Widget</h4>
            <p>
            <span>We can see a new widget with two buttons and selection option for One2Many fields.</span>
        </div>
        <div style="text-align: center">
            <div class="oe_demo oe_picture oe_screenshot">
                <img style="border:10px solid white;" src="one2many.png">
            </div>
        </div>
    </div>
</section>

<section class="oe_container oe_dark">
    <div class="oe_row oe_spaced">
        <h3 class="oe_slogan">Mass Selection</h3>
        <div style="text-align: center">
            <span >We can select the one or more lines and click on Select button.</span>
            <div class="oe_demo oe_picture oe_screenshot">
                <img style="border:10px solid white;" src="select.png">
            </div>
            <span>Before Selection</span>
        </div>
        <div style="text-align: center">
            <div class="oe_demo oe_picture oe_screenshot">
                <img style="border:10px solid white;" src="after_select.png">
            </div>
            <span>After Selection</span>
        </div>
    </div>
</section>

<section class="oe_container">
    <div class="oe_row oe_spaced">
        <h3 class="oe_slogan">Mass Deletion</h3>
        <div style="text-align: center">
            <span >We can select the one or more lines and click on Deselect button.</span>
            <div class="oe_demo oe_picture oe_screenshot">
                <img style="border:10px solid white;" src="delete.png">
            </div>
            <span>Before Deletion</span>
        </div>
        <div style="text-align: center">
            <div class="oe_demo oe_picture oe_screenshot">
                <img style="border:10px solid white;" src="after_delete.png">
            </div>
            <span>After Deletion</span>
        </div>
    </div>
</section>

<section class="oe_container oe_dark">
    <h2 class="oe_slogan" style="margin-top:20px;" >Need Any Help?</h2>
    <div class="oe_slogan" style="margin-top:10px !important;">
        <div>
            <a  class="btn btn-primary btn-lg mt8"
            style="color: #FFFFFF !important;border-radius: 0;" href="https://www.cybrosys.com"><i
            class="fa fa-envelope"></i> Email </a> <a
            class="btn btn-primary btn-lg mt8" style="color: #FFFFFF !important;border-radius: 0;"
            href="https://www.cybrosys.com/contact/"><i
            class="fa fa-phone"></i> Contact Us </a> <a
            class="btn btn-primary btn-lg mt8" style="color: #FFFFFF !important;border-radius: 0;"
            href="https://www.cybrosys.com/odoo-customization-and-installation/"><i
            class="fa fa-check-square"></i> Request Customization </a>
        </div>
        <br>
        <img src="cybro_logo.png" style="width: 190px; margin-bottom: 20px;" class="center-block">
        <div>
          <a href="https://twitter.com/cybrosys" target="_blank"><i class="fa fa-2x fa-twitter" style="color:white;background: #00a0d1;width:35px;"></i></a></td>
          <a href="https://www.linkedin.com/company/cybrosys-technologies-pvt-ltd" target="_blank"><i class="fa fa-2x fa-linkedin" style="color:white;background: #31a3d6;width:35px;padding-left: 3px;"></i></a></td>
          <a href="https://www.facebook.com/cybrosystechnologies" target="_blank"><i class="fa fa-2x fa-facebook" style="color:white;background: #3b5998;width:35px;padding-left: 8px;"></i></a></td>
          <a href="https://plus.google.com/106641282743045431892/about" target="_blank"><i class="fa fa-2x fa-google-plus" style="color:white;background: #c53c2c;width:35px;padding-left: 3px;"></i></a></td>
          <a href="https://in.pinterest.com/cybrosys" target="_blank"><i class="fa fa-2x fa-pinterest" style="color:white;background: #ac0f18;width:35px;padding-left: 3px;"></i></a></td>
        </div>
    </div>
</section>



